$(function () {
    // 图表1
    // 1. 指定图表父容器, 创建echarts实例
// 基于准备好的dom，初始化echarts实例
var myChart1 = echarts.init(document.getElementById('c1'));

 // 指定图表的配置项和数据
 var option1 = {
     // 标题
     title: {
         text: '欢迎来到王者荣耀'
     },
     // 提示工具
     tooltip: {},
     // 图例
     legend: {
         data:['人物', '伤害']
     },
     // x轴
     xAxis: {
         data: ["刘备","关羽","张飞","赵云","黄忠","马超"]
     },
     // y轴, 会根据数据智能生成
     yAxis: {},
     // 系列
     series: [
         {
         name: '人物',
         type: 'bar',// 常用的: bar 柱图   line线图    pie 饼图
         data: [20, 30, 70, 45, 35, 20]
     },
         {
         name: '伤害',
         type: 'bar',// 常用的: bar 柱图   line线图    pie 饼图
         data: [20, 30, 50, 75, 35, 20]
     }
    ]
 };

 // 使用刚指定的配置项和数据显示图表。
 // 将数据交给 echarts实例进行绘制
 myChart1.setOption(option1);

 // 图标2
 // 1. 指定图表父容器,创建echarts实例

 var myChart2 = echarts.init(document.getElementById('c2'))
var option2 = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)"
    },
    legend: {
        orient: 'vertical', // 垂直的
        x: 'left', // 往左
        data:['金','木','水','火','土',]
    },
    series: [
        {
            name:'访问来源',
            type:'pie',
            radius: ['40%', '70%'],
            avoidLabelOverlap: false,
            label: {
                normal: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    show: true,
                    textStyle: {
                        fontSize: '60',
                        fontWeight: 'bold'
                    }
                }
            },
            labelLine: {
                normal: {
                    show: true
                }
            },
            data:[
                {value:335, name:'金'},
                {value:310, name:'木'},
                {value:234, name:'水'},
                {value:835, name:'火'},
                {value:148, name:'土'},
              
            ]
        }
    ]
};
// 3. 将数据交给 echarts 实例进行绘制
myChart2.setOption(option2)


})





